<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:metadata >
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmCliente')}" />
    </f:metadata>
    <body>

        <ui:composition template="./../../../template.xhtml">

            <ui:define name="main_content">

                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="1000"/>
                    <ui:param name="toolBarTitleWidth" value="950"/>
                    <ui:param name="title" value="Cliente"/>
                </ui:include>

                <div align="left">
                    <p:panel header="Informaci&oacute;n de Cliente" style="width: 1000px">
                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

                        <h:form id="Cliente">

                            <h:panelGrid id="pCliente1" columns="4" style="width:inherit">
                                <h:outputText value="Tipo Cliente"  />
                                <h:selectOneMenu id="cbTipoCliente" value="#{clienteManaged.selectedCliente.id_tc}" style="width:250px" >
                                    <f:selectItems value="#{clienteManaged.tipoClientes}" var="tc" itemLabel="#{tc.nombre_cl}" itemValue="#{tc.codigo_cl}"/>
                                </h:selectOneMenu>

                                <h:outputLabel value="Pa&iacute;s:" style="width: 100px"/>
                                <h:selectOneMenu id="cbPais" value="#{clienteManaged.selectedCliente.id_p}"  style="width: 250px"  >
                                    <f:selectItems value="#{clienteManaged.paises}" var="pa" itemLabel="#{pa.nombre_p}" itemValue="#{pa.id_p}"/>
                                    <p:ajax  listener="#{clienteManaged.llenarDepartamentos}" update="cbDepartamento cbMunicipio"/>
                                </h:selectOneMenu>

                                <h:outputText value="Departameto: " style="width:100px"/>
                                <h:selectOneMenu id="cbDepartamento" value="#{clienteManaged.selectedCliente.id_d}" style="width: 250px"  >
                                    <f:selectItems value="#{clienteManaged.departamentos}" var="de" itemLabel="#{de.nombre_d}" itemValue="#{de.id_d}"/>
                                    <p:ajax event="click" listener="#{clienteManaged.llenarMunicipios}" update="cbMunicipio" />
                                </h:selectOneMenu>

                                <h:outputText value="Municipio" rendered="true" />
                                <h:selectOneMenu id="cbMunicipio" value="#{clienteManaged.selectedCliente.id_mu}" style="width: 250px" >
                                    <f:selectItems value="#{clienteManaged.municipios}" var="mu" itemLabel="#{mu.nombre_mu}" itemValue="#{mu.id_mu}"/>
                                </h:selectOneMenu>
                            </h:panelGrid>


                            <h:panelGrid id="pCliente2" columns="4" style="width:inherit" >
                                <h:outputText value="Empresa" /><p:inputText value="#{clienteManaged.selectedCliente.empresa_c}" style="width:575px"/>
                                <h:outputText value="Registro" /><p:inputText value="#{clienteManaged.selectedCliente.registro_c}" />

                                <h:outputText value="Contacto" /><p:inputText value="#{clienteManaged.selectedCliente.contacto_c}" style="width:575px"/>
                                <h:outputText value="NIT" /><p:inputText value="#{clienteManaged.selectedCliente.nit_c}" />

                                <h:outputText value="Direcci&oacute;n" /><p:inputText value="#{clienteManaged.selectedCliente.direccion_c}" style="width:575px"/>
                                <h:outputText value="Giro" /><p:inputText value="#{clienteManaged.selectedCliente.giro_c}" />

                                <h:outputText value="Otra Informa." style="width:100px" /><p:inputText value="#{clienteManaged.selectedCliente.otra_informacion_c}" style="width:575px"/>
                                <h:outputText value="Tel&eacute;fono" /><p:inputText value="#{clienteManaged.selectedCliente.telefono_c}" />
                            </h:panelGrid>

                            <h:panelGrid id="pCliente3" columns="9" style="width:inherit" >
                                <h:outputText value="Email" /><p:spacer width="40" height="10"/><p:inputText value="#{clienteManaged.selectedCliente.email_c}"/>
                                <h:outputText value="Plazo" /><p:inputText value="#{clienteManaged.selectedCliente.plazo_c}" style="width: 50px" />

                                <h:outputText value="Limi. Cr&eacute;dito" />
                                <p:inputText value="#{clienteManaged.selectedCliente.limite_credito}" style="width: 50px">
                                    <f:validateDoubleRange minimum="0" />
                                </p:inputText>

                                <h:outputText value="Retenci&oacute;n" />
                                <h:selectOneMenu value="#{clienteManaged.selectedCliente.aplicar_retencion_c}" id="cmbRetencion">
                                    <f:selectItem itemLabel="SI" itemValue="SI"/>
                                    <f:selectItem itemLabel="NO" itemValue="NO"/>
                                </h:selectOneMenu>
                            </h:panelGrid>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="cmdButtones" columns="3" cellpadding="5">
                                    <p:commandButton value="#{sms.guardar}" image="ui-icon ui-icon-check" onclick="cmdConfirm.show()" />
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="Cliente:pCliente1 Cliente:pCliente2 Cliente:pCliente3 grid:Table" />
                                    <p:confirmDialog message="#{sms.iAlmacenada}"  header="#{sms.guardar}" severity="alert" widgetVar="cmdConfirm">
                                        <p:commandButton value="Si" actionListener="#{clienteManaged.mantenimientoFormulario}" update="grid:Table Cliente:pCliente1 Cliente:pCliente2 Cliente:pCliente3 mensaje" oncomplete="cmdConfirm.hide()" />
                                        <p:commandButton value="No" onclick="cmdConfirm.hide()" />
                                    </p:confirmDialog>
                                </h:panelGrid>
                                <br/>
                            </div>
                        </h:form>
                        <h:form id="grid">
                            <p:toolbar style="width: inherit">
                                <p:toolbarGroup align="left" style="width: inherit">
                                    <p:commandButton image="ui-icon ui-icon-search" actionListener="#{clienteManaged.fillGrid}" title="B&uacute;squeda de Cliente" value="Buscar" update="grid:Table mensaje"/>
                                </p:toolbarGroup>
                            </p:toolbar>
                            <p:dataTable id="Table" value="#{clienteManaged.clientes}" var="row" rows="15"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{clienteManaged.selectedCliente}"
                                         emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="Cliente:pCliente1 Cliente:pCliente2 Cliente:pCliente3 mensaje"
                                         rowSelectListener="#{clienteManaged.llenarPDM}"
                                         >
                                <f:facet name="header"><h:outputText value="Lista de Cliente"/></f:facet>
                                <p:column headerText="Pa&iacute;s" filterBy="#{row.nombre_p}" sortBy="#{row.nombre_p}" filterMatchMode="contains" style="width: 85px">
                                    <h:outputText value="#{row.nombre_p}" />
                                </p:column>
                                <p:column headerText="Departamento" filterBy="#{row.nombre_d}" sortBy="#{row.nombre_d}" filterMatchMode="contains" style="width: 95px">
                                    <h:outputText value="#{row.nombre_d}" />
                                </p:column>
                                <p:column headerText="Municipio" filterBy="#{row.nombre_mu}" sortBy="#{row.nombre_mu}" filterMatchMode="contains" style="width: 95px">
                                    <h:outputText value="#{row.nombre_mu}" />
                                </p:column>

                                <p:column headerText="Empresa" filterBy="#{row.empresa_c}" sortBy="#{row.empresa_c}" style="width: 450px" filterMatchMode="contains">
                                    <h:outputText value="#{row.empresa_c}" />
                                </p:column>
                                <p:column headerText="Registro" filterBy="#{row.registro_c}" sortBy="#{row.registro_c}" filterMatchMode="contains" style="width: 95px">
                                    <h:outputText value="#{row.registro_c}" />
                                </p:column>
                            </p:dataTable>
                        </h:form>
                    </p:panel>
                </div>

            </ui:define>

        </ui:composition>

    </body>
</html>
